body
{ 
    font: 62.5% "Trebuchet MS", sans-serif; 
    margin: 50px;
}

.widgetHeaders 
{ 
    margin-top: 2em; 
}

#header
{
    position:absolute;
    top:2em;
    left:2em;
    margin-bottom:2em;
    margin-left:2em;
}
	
#main
{
    position:relative;
    top:2em;
    left:2em;
}

#left_pane
{
    float:left;
    position:absolute;
    top:2em;
    margin-left:2em;
    width:30em;
    min-width: 30em;
    max-width: 30em;
}

#right_pane
{
    float:left;
    position:absolute;
    top:2em;
    margin-left:34em;
    margin-right:2em;
    width:60%;
    min-width: 30em;
}

header
{
    width: 700px ;
    margin-left: auto ;
    margin-right: auto ;
}

.hidden
{
    display:none; 
}

input#username, input#password
{
    width: 100%;
}

.chat
{
    color: green;
}

.dnd
{
    color: red;
}

.away
{
    color: blue;
}

.xa , .offline
{
    color: black;
}

div#help
{
    margin: 2em;
}

.chat-message-myself
{
    color: blue;
}

.chat-message-other
{
    color: green;
}

.chat-message-other[delayed]
{
    color: black;
}